<script setup lang="ts">
defineProps({
  result: Object,
});
</script>

<template>
  <div class="result-container">
    <div>
      <span class="title">执行结果：</span>
      <a-tag :color="result.message === 'AC' ? 'green' : 'red'">{{ result.remote_verdict }}</a-tag>
    </div>
    <span class="title">测试情况：</span>
    <span>运行时间：{{ result.time }} 运行内存：{{ result.memory }}</span>
  </div>
</template>
<style scoped lang="less">
.result-container {
  padding: 8px 16px;

  & > div {
    margin-bottom: 8px;
  }

  .title {
    font-size: 16px;
    font-weight: 700;
  }

  .detail {
    border: 1px solid #d7d7d7;
  }
}
</style>
